/*
    列表ul>li组合
*/

ol {
    @extend .shade-as-list;
    >li {
        @extend .layout-h;
        height: $height-regular;
        line-height: $height-regular;
        position: relative;
        >* {
            margin: 0 $padding-quarter;
            &:last-child {
                margin-right: $padding-normal;
            }
            &:first-child {
                margin-left: $padding-normal;
            }
        }
        > label {
            flex: 0 0 auto;
        }
        >button {
            flex: 0 0 $height-low;
            height: $height-low;
            line-height: $height-low;
            border-radius: $radius-l;
        }
        >input {
            @extend .shade-as-cut;
            flex: 0 1 $width-dialog;
            line-height: $height-low;
            height: $height-low;
            padding: 0 $padding-half;
            border-radius: $height-low/2;
            transition: all $vivo ease;
            &:focus,
            &:hover {
                border: 1px solid $color-theme;
                box-shadow: 0 0 $padding-quarter $color-theme;
            }
        }
    }
}

modal ol,
content ol {
    @extend .shade-as-cut;
    border-radius: $radius-m;
}

@media(max-width: 767px) {
    modal ol,
    content ol {
        border-radius: 0;
        border-left: none!important;
        border-right: none!important;
    }
}
